<template>
  <div>
    <!-- <van-tabs v-model:active="active">
      <van-tab title="学校管理">
        <school></school>
      </van-tab>
      <van-tab title="班级管理">
        
      </van-tab>
      <van-tab title="学习管理">
        
      </van-tab>
    </van-tabs> -->
    <van-sidebar v-model="active">
      <van-sidebar-item title="学校管理">
        <!-- <school></school> -->
      </van-sidebar-item>
      <van-sidebar-item title="班级管理" />
      <!-- <classs></classs> -->
      <van-sidebar-item title="学习管理" />
    </van-sidebar>
  </div>
</template>

<script>
import { onClickLeft } from "./utils/utils";
import { ref } from "vue";
import school from "../components/school.vue";
import Classs from "./classs.vue";
export default {
  components: { school, Classs },
  setup() {
    // const activeNames = ref(["1"]);
    // return { activeNames };
    const active = ref(0);
    return { active };
  },
  data() {
    return {
      list: [],
      school_list: [],
      onClickLeft,
      active: 0,
    };
  },
  methods: {
    submit: function () {
      this.myaxios(this.weburl + "user/carousels/", "get")
        .then((res) => {
          console.log(res.data);
          if (res.code == 200) {
            this.list = res.data;
            this.$toast.success(res.msg);
          } else {
            this.$toast.fail(data.msg);
          }
        })
        .catch((err) => {
          console.log(err);
        });
    },
    menu(index) {},
  },
  created() {
    this.submit();
  },
};
</script>

<style>
/* .van-checked-group {
  line-height: 40px;
  font-size: 20px;
} */

/* .imgcode {
  cursor: pointer;
} */

.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
}
</style>